<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../js/component/radar/radar_style.css" />
		<link rel="stylesheet" href="../../css/view/punch/punch.css" />
	</head>

	<body class="punch">
		<div class="mui_content">
			<header>
				<div class="left">
					<img src="../../images/user_img.png" alt="" />
				</div>
				<div class="show">
					<h3>张三</h3>
					<p>考勤组：<span>xx组</span></p>
				</div>
			</header>
			<section>
				<p>相信自己，一定会有辉煌的一天</p>
				<div class="show_detail">
					<div class="before"></div>
					<div class="after"></div>
					<div class="detail_content">
						<div class="top">
							<p>上班时间：<span>9：00</span></p>
							<p>打卡时间：<span>08：54</span><i class="tip">极速打卡</i></p>
							<p>
								<svg class="icon" aria-hidden="true">
									<use xlink:href="#icon-Real-timeposition"></use>
								</svg>
								<span>四川大学望江校区</span>
							</p>
							<div>
								<img src="../../images/map_show.png" alt="" />
							</div>
						</div>
						<div class="bottom">
							<p>下班时间：17:30</p>
							<div class="tap_punch">
								<div class="circle">
								<div class="radar"></div>
									<p>下班打卡</p>
									<p>17:36:08</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</body>
	<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../fonts/iconfont.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/flex.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/require_2.3.5.js" id="require" data-baseurl="../../" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/config/require_config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/component/radar/radar_index.js"></script>
	<script src="../../js/view/punch/punch_style.js"></script>
</html>